<template>
    <div>
        <weui-flex-tap></weui-flex-tap>
        <div id="record-box" style="" class="page__bd">
            <div class="weui-cells weui-cells_form">
                <div class="weui-cells__title">查询区</div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label short-label">日期</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input id="start-date" class="select-date" type="text" value="" readonly="">
                        <span> — </span>
                        <input id="end-date" class="select-date" type="text" value="" readonly="">
                    </div>
                </div>
                <div class="padding-lr">
                    <a id="query-record" href="javascript:;" class="weui-btn weui-btn_primary">查询</a>
                </div>
            </div>
            <div id="record-list">
                <div class="weui-cells" data-id="127" data-phone="null" data-status="1">
                    <div class="weui-cell">
                        <div class="weui-cell__hd"><img class="libiao-icon" src="../assets/img/libiao_iconpx.png"></div>
                        <div class="weui-cell__bd">
                            <p>陈致财</p>
                        </div>
                        <div class="weui-cell__ft">2017-07-13</div>
                    </div>
                    <div class="weui-cell vice-cell">
                        <div class="weui-cell__hd"></div>
                        <div class="weui-cell__bd">
                            <p>组合A</p>
                        </div>
                        <div class="weui-cell__ft query-succeed">查询成功</div>
                    </div>
                </div>

                <div class="weui-cells" data-id="93" data-phone="null" data-status="1">
                    <div class="weui-cell">
                        <div class="weui-cell__hd"><img class="libiao-icon" src="../assets/img/libiao_iconpx.png"></div>
                        <div class="weui-cell__bd">
                            <p>徐奇峰</p>
                        </div>
                        <div class="weui-cell__ft">2017-07-13</div>
                    </div>
                    <div class="weui-cell vice-cell">
                        <div class="weui-cell__hd"></div>
                        <div class="weui-cell__bd">
                            <p>组合A</p>
                        </div>
                        <div class="weui-cell__ft query-succeed">查询成功</div>
                    </div>
                </div>

                <div class="weui-cells" data-id="80" data-phone="18616952720" data-status="1">
                    <div class="weui-cell">
                        <div class="weui-cell__hd"><img class="libiao-icon" src="../assets/img/libiao_iconpx.png"></div>
                        <div class="weui-cell__bd">
                            <p>陈致财</p>
                        </div>
                        <div class="weui-cell__ft">2017-07-13</div>
                    </div>
                    <div class="weui-cell vice-cell">
                        <div class="weui-cell__hd"></div>
                        <div class="weui-cell__bd">
                            <p>组合A</p>
                        </div>
                        <div class="weui-cell__ft query-succeed">查询成功</div>
                    </div>
                </div>

                <div class="weui-cells" data-id="53" data-phone="null" data-status="1">
                    <div class="weui-cell">
                        <div class="weui-cell__hd"><img class="libiao-icon" src="../assets/img/libiao_iconpx.png"></div>
                        <div class="weui-cell__bd">
                            <p>周晓乾</p>
                        </div>
                        <div class="weui-cell__ft">2017-07-04</div>
                    </div>
                    <div class="weui-cell vice-cell">
                        <div class="weui-cell__hd"></div>
                        <div class="weui-cell__bd">
                            <p>组合A</p>
                        </div>
                        <div class="weui-cell__ft query-succeed">查询成功</div>
                    </div>
                </div>

                <div class="weui-cells" data-id="49" data-phone="null" data-status="1">
                    <div class="weui-cell">
                        <div class="weui-cell__hd"><img class="libiao-icon" src="../assets/img/libiao_iconpx.png"></div>
                        <div class="weui-cell__bd">
                            <p>周晓乾</p>
                        </div>
                        <div class="weui-cell__ft">2017-06-30</div>
                    </div>
                    <div class="weui-cell vice-cell">
                        <div class="weui-cell__hd"></div>
                        <div class="weui-cell__bd">
                            <p>组合A</p>
                        </div>
                        <div class="weui-cell__ft query-succeed">查询成功</div>
                    </div>
                </div>
            </div>
            <div id="next-pate_box" class="next-pate_box" style="">
                <a id="record-next_page" href="javascript:;" class="weui-btn weui-btn_next noNext">没有更多记录</a>
            </div>
        </div>
    </div>
</template>

<script type="text/javascript">
export default {
    name: 'Record',
    data () {
        return {}
    }
}
</script>


<style lang='scss' scoped>
@import "../assets/scss/vendors/weui-sass/src/style/base/mixin/border-forge.scss";
.select-date {
    width: 90px;
    height: 20px;
    border: 1px solid #ccc;
    padding: 5px;
    @include border-afterforge(90px, 30px);
}
.short-label {
    width: 50px;
}
.weui-btn_next {
    background-color: #e4e4e4;
    color: #868686;
}
.next-pate_box{
    margin-top: 10px;
    .weui-btn{
        border-radius: 0;
    }
}
</style>
